~~~~~~~~~~ ~
    ~~~~~~ ~~~~~~~~~~~~ ~~~~~~~~~~ ~~~~~~ ~~~~~~~~~ ~~~~~~~ ~~~~~~~~~ ~
        ~~~~~~ ~~~ ~~~~~~~~~~~~~~~~~~~~~ ~~ ~
            ~~~~~~~ ~ ~ ~~ ~ ~ ~~~~~~ ~~~~ ~
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            ~
        ~~~
    ~
~

~~
    ~~~~~~~~~~~~~ ~~~~~~~ ~~~ ~ ~<text>This works ~~~~~!</text>~
    ~~~~~~~~
~

~~ 
    ~~~~~~~~~~~~~ ~~~~~~~ ~~~ ~ ~<p class="~~~~~">Hello</p>~
    ~~~~~~~~~~~~~~~
~

<ul>
~~~~~~~~~~~~ ~<li>Item #~~~~~</li>~~
</ul>

<p>
~~~~~~~~~~~
    ~~ This is line#~~~~~ of markup<br/>
~
</p>

<p>
~~~~~~~~~~~
    ~~: This is line#~~~~~ of markup<br />
~
</p>

<p>
~~~~~~~~~~~
    ~~:: This is line#~~~~~ of markup<br />
~
</p>


<ul>
    ~~~~~~~~~~~ ~<li>
        Item #~~~~~
        ~~~~~ ~~~~~~ ~ ~~~~~~
        <ul>
            <li>Child Items... ?</li>
            ~~~~~~~~~~~~ ~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~
        </ul>
    </li>~
</ul> 